<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联想积分乐园-联想社区 </title>
    <link rel="stylesheet" href="../css/jifenleyuan.css">
</head>

<body>
    <header>
        <a href="#" class="logobox">
            <img src="../img/logo.png" alt="">
        </a>
        <div class="header_cont">
            <ul class="header_left">
                <li><a href="##">联想首页</a></li>
                <li><a href="##">商城</a></li>
                <li><a href="##">企业购</a></li>
                <li><a href="##">服务</a></li>
                <li><a href="##">会员</a></li>
                <li><a href="##">社区</a></li>
                <li><a href="##">门店</a></li>
                <li><a href="##">品牌</a></li>
            </ul>
            <div class="header_right">
                <div>
                    <a href="##">注册</a><span></span><a href="##">登录</a>
                </div>
                <a href="##" class="bag">注册立即抽好礼
                    <img src="../img/lb.png" alt="">
                </a>
                <div>
                    <img src="../img/icon.png" alt="">
                </div>
            </div>
        </div>
    </header>
    <nav>
        <div class="nav_cont">
            <ul>
                <li><a href="">联想社区</a></li>
                <li><a href="">版块</a></li>
                <li><a href="">同城联萌</a></li>
                <li><a href="">随手拍</a></li>
                <li><a href="">联想直播</a></li>
                <li><a href="">新机评测</a></li>
                <li><a href="">积分乐园</a></li>
                <li><a href="">产品反馈</a></li>
            </ul>
            <div>
                <input type="text">
                <a href="##"></a>
            </div>
        </div>
    </nav>
    <main>
        <div class="main_cont">
            <div class="banner">
                <a href="##" class="banner_left">
                    <img src="../img/left.png" alt="">
                </a>
                <a href="##">
                    <img src="../img/0.jpg" alt="">
                </a>
                <a href="##" class="banner_right">
                    <img src="../img/right.png" alt="">
                </a>
                <div></div>
            </div>
            <div class="commoditybox">
                <div class="classification">
                    <div class="classificationleft">
                        <a href="##" class="falst">全部商品</a>
                        <a href="##">兑换记录</a>
                        <a href="##">积分记录</a>
                    </div>
                    <div class="classificationright">
                        <span class="integral">
                            <img src="../img/wbgl.png" alt="">
                            <a href="">积分攻略</a>
                        </span>
                        <div class="menu">
                            <span>全部
                                <img src="../img/sjt.png" alt="">
                            </span>
                        </div>
                    </div>
                </div>
                <ul class="commodity">
                    <li>
                        <div></div>
                        <div class="image">
                            <img src="../img/0 (1).jpg" alt="">
                        </div>
                        <a href="##">联想一键服务鼠标M23（颜色随机）</a>
                        <p>
                            <span>9900</span>积分
                            <b>￥89</b>
                        </p>
                    </li>
                    <li>
                        <div></div>
                        <div class="image">
                            <img src="../img/0 (2).jpg" alt="">
                        </div>
                        <a href="##">联想玛雅之光RGB游戏电竞幻彩鼠标垫N1</a>
                        <p>
                            <span>13900</span>积分
                            <b>￥129</b>
                        </p>
                    </li>
                    <li>
                        <div></div>
                        <div class="image">
                            <img src="../img/0 (3).jpg" alt="">
                        </div>
                        <a href="##">《ThinkPad之道：无可替代的思考》</a>
                        <p>
                            <span>7900</span>积分
                            <b>￥69</b>
                        </p>
                    </li>
                    <li>
                        <div></div>
                        <div class="image">
                            <img src="../img/0 (4).jpg" alt="">
                        </div>
                        <a href="##">联想M120有线鼠标</a>
                        <p>
                            <span>3000</span>积分
                            <b>￥20</b>
                        </p>
                    </li>
                    <li>
                        <div></div>
                        <div class="image">
                            <img src="../img/0 (5).jpg" alt="">
                        </div>
                        <a href="##">联想R10 U盘 16GB</a>
                        <p>
                            <span>5900</span>积分
                            <b>￥49</b>
                        </p>
                    </li>
                    <li>
                        <div></div>
                        <div class="image">
                            <img src="../img/0 (6).jpg" alt="">
                        </div>
                        <a href="##">指思指纹鼠标</a>
                        <p>
                            <span>9900</span>积分
                            <b>￥89</b>
                        </p>
                    </li>
                    <li>
                        <div></div>
                        <div class="image">
                            <img src="../img/0 (7).jpg" alt="">
                        </div>
                        <a href="##">联想拯救者多功能双肩包 X1</a>
                        <p>
                            <span>27900</span>积分
                            <b>￥269</b>
                        </p>
                    </li>
                    <li>
                        <div></div>
                        <div class="image">
                            <img src="../img/0 (8).jpg" alt="">
                        </div>
                        <a href="##">联想商务经典型闪存盘T210 32GB</a>
                        <p>
                            <span>10900</span>积分
                            <b>￥99</b>
                        </p>
                    </li>
                </ul>
                <a href="##" class="morebox">加载更多</a>
            </div>
        </div>
    </main>
    <footer>
        <div class="footer_cont">
            <div class="footer_top">
                <a href="##s" title="关于联想"> 关于联想</a>
                <span>|</span>
                <a href="##" title="联系我们"> 联系我们</a>
                <span>|</span>
                <a href="##" title="工作机会"> 工作机会</a>
                <span>|</span>
                <a href="##" title="新闻中心"> 新闻中心</a>
                <span>|</span>
                <a href="##" title="销售网点">销售网点</a>
                <span>|</span>
                <a href="##" title="服务网点"> 服务网点</a>
                <span>|</span>
                <a href="##" title="举报邮箱：lenovoclub@lenovo.com"> 举报邮箱：lenovoclub@lenovo.com</a>
            </div>
            <div class="footer_bottom">
                <span>版权所有：1998-2019 联想集团</span>
                <span>|</span>
                <a href="##" title="法律公告">法律公告</a>
                <span></span>|</span>
                <a href="##" title="隐私保护">隐私保护</a>
                <span>|</span>
                <a href="##">京ICP备11035381号</a>
                <span>|</span>
                <span>京公网安备110108007970号</span>
            </div>
        </div>
    </footer>
</body>

</html>